﻿

    <script type="text/javascript">
        $(document).ready(function () {
            $("#gpslayout").layout();
            var name = "allmap";
            var map = new BMap.Map(name);
            map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);  // 初始化地图,设置中心点坐标和地图级别
            map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
            map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件
            map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件
            map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件
            map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
            $('#btn').bind('click', function () {
                var c = $("#code").val();
                if (c != "") {
                    var data = new datasource();
                    data.c = "Way.Bus.WMS.ST.Controllers.YS.ST_PackListController";
                    data.submit("MapSearch", "code=" + c, function (e) {
                        if (e && e.error) {
                            $.messager.alert('异常', e.errormsg, 'error');
                            return;
                        }
                        if (e.qxzt == "0")
                            e.qxzt = "未签收";
                        else {
                            window.image = e.image;
                            e.qxzt = '<a href="#" onclick="showimg()">已签收</a>';
                        }
                        showmap(e, map);
                    });
                }
                else {
                    $.messager.alert('异常', '请输入运单条码！', 'error');
                }
            });
        });
        function showimg() {
            var image = window.image;
            var div = '<div id="showqximage"><img src="data:image/png;base64,' + image + '"></img></div>';
            $("body").append(div);
            $("#showqximage").dialog({
                title: "签收单",
                modal: true,
                width: 800,
                height: 600
            });

        }
        function showmap(item, map) {
            var sContent = '<div id="tabs0">' +
                 '<ul class="menu0" id="menu0">' +
                  '<li onclick="setTab(0,0)" class="hover">运单信息</li>' +
                        //      '<li onclick="setTab(0,1)">司机信息</li>' +
             '</ul>' +
             '<div class="main" id="main0">' +
              '<ul class="block">' +
              '<li><p>司机：' + item.sj + '</p></li>' +
              '<li><p>运单条码：' + item.yd + '</p></li>' +
              '<li><p>客    户：' + item.kh + '</p></li>' +
              '<li><p>联 系 人：' + item.lxr + '</p></li>' +
              '<li><p>联系电话：' + item.lxdh + '</p></li>' +
              '<li><p>地    址：' + item.dz + '</p></li>' +
              '<li><p>定位时间：' + item.dwsj + '</p></li>' +
              '<li><p>状态：' + item.ydzt + '</p></li><li><p>签收状态：' + item.qxzt + '</p></li></ul>' +
               '<li><p>' + item.remark + '</p></li></ul>' +
                        //  '<ul><li>司机信息</li></ul>' +
                        //  '<ul><li>任务信息</li></ul>' +
             '</div>' +
            '</div>';
            // 百度地图API功能
            // 创建Map实例

            var myP2 = new BMap.Point(item.Y, item.X);
            var marker = new BMap.Marker(myP2);
            var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
            map.centerAndZoom(myP2, 15);
            var lab2 = new BMap.Label("运单:" + item.yd, { offset: new BMap.Size(10, -10) });
            marker.setLabel(lab2);
            map.addOverlay(marker);
            marker.addEventListener("click", function () {
                this.openInfoWindow(infoWindow);
                //图片加载完毕重绘infowindow
                document.getElementById(name).onload = function () {
                    infoWindow.redraw();   //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
                }

            });
        }
</script>
<div id="gpslayout" class="easyui-layout" fit="true">
<div region="north" style="height:50px;background:#efefef;text-align:center;padding-top:10px;" split="true">
   <input id="code" style="width:300px;height:20px;">
   <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
</div>
<div region="center" style="height:auto;width:auto;">
<div style="width: 100%;height: 100%;overflow: hidden;margin:0;" id="allmap"></div>
</div>
</div>

